﻿<div class="row">
    <div class="col-md-12">
        <div class="x_panel">
            <div class="x_content">
                <div class="" role="tabpanel" data-example-id="togglable-tabs">
                    <ul id="myTab" class="sme-tabs nav nav-tabs bar_tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#tab_content1" role="tab" id="profile-tab" data-toggle="tab" aria-expanded="false">PRODUCT HOLDING</a>
                        </li>
                        <li role="presentation" class="">
                            <a href="#tab_content2" role="tab" id="profile-tab2" data-toggle="tab" aria-expanded="false">CASH FLOW</a>
                        </li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="home-tab">
                            <div class="col-md-5 col-sm-5 col-xs-12">
                                <div class="x_panel tile overflow_hidden">
                                    <div class="x_title">
                                        <h2>PRODUCT HOLDING</h2>
                                        <ul class="nav navbar-right panel_toolbox">
                                            <li>
                                                <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                            </li>
                                        </ul>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="x_content">
                                        <table id="cd-pd-product-holding" class="custom_table table table-bordered table-striped jambo_table">
                                            <thead class="headings">
                                                <tr>
                                                    <th class="column-title" rowspan="2">PRODUCT TYPE</th>
                                                    <th class="column-title" rowspan="2">PRODUCT</th>
                                                    <th class="column-title" colspan="2">As of 12/9/2015</th>
                                                    <th class="column-title" colspan="3">No. of Product</th>
                                                </tr>
                                                <tr>
                                                    <th class="column-title">
                                                        No. of Product
                                                    </th>
                                                    <th class="column-title">
                                                        Balance(VND)
                                                    </th>
                                                    <th class="column-title">Jun-15</th>
                                                    <th class="column-title">Jul-15</th>
                                                    <th class="column-title">Aug-15</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <th scope="row">1. DEPOSIT</th>
                                                    <td>1.1 TERM DEPOSIT</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">1. DEPOSIT</th>
                                                    <td>1.2 CURRENT DEPOSIT</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">2. LOAN</th>
                                                    <td>2.1 CAR LOAN</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">2. LOAN</th>
                                                    <td>2.2 BF GUARANTY 100% BY R.E</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">2. LOAN</th>
                                                    <td>2.3 BIL LOAN</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">2. LOAN</th>
                                                    <td>2.4 CREDIT LOAN</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">2. LOAN</th>
                                                    <td>2.5 CLEAN LOAN</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">2. LOAN</th>
                                                    <td>2.6 WC INSTALL LOAN</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">2. LOAN</th>
                                                    <td>2.7 RICE CPC LOAN</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                    <td>80000000</td>
                                                    <td>2</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="x_panel tile overflow_hidden">
                                        <div class="x_title">
                                            <h2>CUSTOMER ALERT</h2>
                                            <ul class="nav navbar-right panel_toolbox">
                                                <li>
                                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                                </li>
                                            </ul>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="x_content">
                                            <table class="table table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>PRODUCT</th>
                                                        <th>QUANTITY</th>
                                                        <th>BALANCE</th>
                                                        <th>ALERTING CONTENT</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td scope="row">Mark</td>
                                                        <th>1</th>
                                                        <td>Otto</td>
                                                        <td>mdo</td>
                                                    </tr>
                                                    <tr>
                                                        <td scope="row">Jacob</td>
                                                        <th>2</th>
                                                        <td>Thornton</td>
                                                        <td>fat</td>
                                                    </tr>
                                                    <tr>
                                                        <td scope="row">Larry</td>
                                                        <th>3</th>
                                                        <td>the Bird</td>
                                                        <td>twitter</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="x_panel tile overflow_hidden">
                                        <div class="x_title">
                                            <h2>CROSS SELLING PRODUCT</h2>
                                            <ul class="nav navbar-right panel_toolbox">
                                                <li>
                                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                                </li>
                                            </ul>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="x_content">
                                            <table class="table table-striped jambo_table bulk_action">
                                                <thead>
                                                    <tr class="headings">
                                                        <th class="column-title">USING PRODUCTS </th>
                                                        <th class="column-title">PRIORITY 1</th>
                                                        <th class="column-title">PRIORITY 2 </th>
                                                        <th class="column-title">PRIORITY 3 </th>
                                                    </tr>
                                                </thead>

                                                <tbody>
                                                    <tr class="even pointer">
                                                        <td class=""><label class="smes_cross_sell_label">DEPOSIT</label> </td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_1">CREDIT LIMIT</label> </td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_2">CREDIT LIMIT</label></td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_3">CREDIT LIMIT</label></td>
                                                    </tr>
                                                    <tr class="odd pointer">
                                                        <td class=" "><label class="smes_cross_sell_label">I2B</label></td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_1">INSURAN CE PARKETS</label> </td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_2">CREDIT LIMIT</label></td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_3">CREDIT LIMIT</label></td>
                                                    </tr>
                                                    <tr class="even pointer">
                                                        <td class=" "><label class="smes_cross_sell_label">SME FLEX</label></td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_1">MASTER CARD</label> </td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_2">CREDIT LIMIT</label></td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_3">CREDIT LIMIT</label></td>
                                                    </tr>
                                                    <tr class="odd pointer">
                                                        <td class=" "><label class="smes_cross_sell_label">VP BUSINESS</label></td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_1">VPBIZ CARD</label> </td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_2">CREDIT LIMIT</label></td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_3">CREDIT LIMIT</label></td>
                                                    </tr>
                                                    <tr class="even pointer">
                                                        <td class=" "><label class="smes_cross_sell_label">CASA</label></td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_1">PAROLL ACCOUNT</label> </td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_2">CREDIT LIMIT</label></td>
                                                        <td class=" "><label class="smes_cross_sell_label smes_cross_sell_label_3">CREDIT LIMIT</label></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-12">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="x_panel tile overflow_hidden">
                                        <div class="x_title">
                                            <h2>Searching Tool</h2>
                                            <ul class="nav navbar-right panel_toolbox">
                                                <li>
                                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                                </li>
                                            </ul>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="x_content">

                                            <!-- start form for search tool -->
                                            <form id="demo-form" data-parsley-validate="" novalidate="" class="form-group">
                                                <div class="row">
                                                    <label for="fullname">SEARCHING BY:</label>
                                                    <div class="col-md-12 col-sm-12 col-xs-12">
                                                        <select class="select2_single form-control" tabindex="-1">
                                                            <option></option>
                                                            <option value="AK">Alaska</option>
                                                            <option value="HI">Hawaii</option>
                                                            <option value="CA">California</option>
                                                            <option value="NV">Nevada</option>
                                                        </select>
                                                    </div>
                                                </div>

                                                <div>
                                                    <label for="email">KEY WORD:</label>
                                                    <input type="email" id="email" class="form-control" name="email" data-parsley-trigger="change" required="">
                                                </div>
                                            </form>
                                            <!-- end form for search tool -->

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="x_panel tile overflow_hidden">
                                        <div class="x_title">
                                            <h2>Customer Information</h2>
                                            <ul class="nav navbar-right panel_toolbox">
                                                <li>
                                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                                </li>
                                            </ul>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="x_content">
                                            <table class="table table-striped jambo_table bulk_action">
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">NAME</th>
                                                        <td>Mark</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">ADDRESS</th>
                                                        <td>
                                                            Jacob
                                                        </td>
                                                        <td>
                                                            <a class="" href="#">
                                                                <i class="fa fa-edit"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">LEGAL ID</th>
                                                        <td>Larry</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">CIF</th>
                                                        <td>Jacob</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">BRANCH</th>
                                                        <td>Jacob</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">ZONE</th>
                                                        <td>Jacob</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">INDUSTRY</th>
                                                        <td>Jacob</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">REPRESENTATIVE</th>
                                                        <td>Jacob</td>
                                                        <td>
                                                            <a class="" href="#">
                                                                <i class="fa fa-edit"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">START DATE</th>
                                                        <td>Jacob</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">TELEPHONE</th>
                                                        <td>Jacob</td>
                                                        <td>
                                                            <a class="" href="#">
                                                                <i class="fa fa-edit"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">EMAIL</th>
                                                        <td>Jacob</td>
                                                        <td>
                                                            <a class="" href="#">
                                                                <i class="fa fa-edit"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">
                                                            VPB CUSTOMER FROM
                                                        </th>
                                                        <td>Jacob</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">
                                                            CREDIT SCORE
                                                        </th>
                                                        <td>Jacob</td>
                                                        <td></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab">
                            <div class="col-md-5 col-sm-5 col-xs-12">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="x_panel tile overflow_hidden">
                                        <div class="x_title">
                                            <h2>PRODUCT</h2>
                                            <ul class="nav navbar-right panel_toolbox">
                                                <li>
                                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                                </li>
                                            </ul>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="x_content">
                                            <table id="cd-cf-product" class="custom_table table table-bordered table-striped jambo_table">
                                                <thead class="headings">
                                                    <tr>
                                                        <th class="column-title" rowspan="2">PRODUCT TYPE</th>
                                                        <th class="column-title" rowspan="2">PRODUCT</th>
                                                        <th class="column-title" colspan="2">As of 12/9/2015</th>
                                                        <th class="column-title" colspan="3">No. of Product</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="column-title">
                                                            No. of Product
                                                        </th>
                                                        <th class="column-title">
                                                            Balance(VND)
                                                        </th>
                                                        <th class="column-title">Jun-15</th>
                                                        <th class="column-title">Jul-15</th>
                                                        <th class="column-title">Aug-15</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">1. DEPOSIT</th>
                                                        <td>1.1 TERM DEPOSIT</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">1. DEPOSIT</th>
                                                        <td>1.2 CURRENT DEPOSIT</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.1 CAR LOAN</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.2 BF GUARANTY 100% BY R.E</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.3 BIL LOAN</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.4 CREDIT LOAN</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.5 CLEAN LOAN</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.6 WC INSTALL LOAN</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.7 RICE CPC LOAN</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                        <td>2</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="x_panel tile overflow_hidden">
                                        <div class="x_title">
                                            <h2>PRODUCT PROGRAMME</h2>
                                            <ul class="nav navbar-right panel_toolbox">
                                                <li>
                                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                                </li>
                                            </ul>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="x_content">
                                            <table id="cd-cf-product-programme" class="custom_table table table-bordered table-striped jambo_table">
                                                <thead class="headings">
                                                    <tr>
                                                        <th class="column-title">PRODUCT TYPE</th>
                                                        <th class="column-title">PRODUCT PROGRAMME</th>
                                                        <th class="column-title">NO. OF PRODUCT</th>
                                                        <th class="column-title">BALANCE (VND)/ AMOUNT</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">1. LOAN</th>
                                                        <td>1.1 CAR LOAN</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">1. LOAN</th>
                                                        <td>1.2 BF GUARANTY 100% BY R.E</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. TRADE FINANCE</th>
                                                        <td>2.1 EXPORT FINANCE PRIOR DELIVERY</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. TRADE FINANCE</th>
                                                        <td>2.2 DISCOUNT EXPORT DOC. (LC, DP, DA)</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. TRADE FINANCE</th>
                                                        <td>2.3 EXPORT PAYMENT FINANCE</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. TRADE FINANCE</th>
                                                        <td>2.4 VND LOAN WITH FC INTERES RATE</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. TRADE FINANCE</th>
                                                        <td>2.5 SUPPLY CHAIN FINANCE</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">3. CASH MANAGEMENT</th>
                                                        <td>3.1 CASH POOLING</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="x_panel tile overflow_hidden">
                                        <div class="x_title">
                                            <h2>PRODUCT HOLDING</h2>
                                            <ul class="nav navbar-right panel_toolbox">
                                                <li>
                                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                                </li>
                                            </ul>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="x_content">
                                            <table id="cd-cf-product-holding" class="custom_table table table-bordered table-striped jambo_table">
                                                <thead class="headings">
                                                    <tr>
                                                        <th class="column-title">PRODUCT TYPE</th>
                                                        <th class="column-title">PRODUCT HOLDING</th>
                                                        <th class="column-title">NO. OF PRODUCT</th>
                                                        <th class="column-title">BALANCE (VND)/ AMOUNT</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">1. DEPOSIT</th>
                                                        <td>1.1 TERM DEPOSIT</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">1. DEPOSIT</th>
                                                        <td>1.2 CURRENT DEPOSIT</td>
                                                        <td>2</td>
                                                        <td>80000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.1 CAR LOAN</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.2 BF GUARANTY 100% BY R.E</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.3 BIL LOAN</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.4 CREDIT LOAN</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.5 CLEAN LOAN</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.6 WC INSTALL LOAN</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">2. LOAN</th>
                                                        <td>2.7 RICE CPC LOAN</td>
                                                        <td>1</td>
                                                        <td>50000000000</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-12">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="x_panel tile overflow_hidden">
                                        <div class="x_title">
                                            <h2>Searching Tool</h2>
                                            <ul class="nav navbar-right panel_toolbox">
                                                <li>
                                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                                </li>
                                            </ul>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="x_content">
                                            <!-- start form for search tool -->
                                            <form id="demo-form" data-parsley-validate="" novalidate="" class="form-group">
                                                <div class="row">
                                                    <label for="fullname">SEARCHING BY:</label>
                                                    <div class="col-md-12 col-sm-12 col-xs-12">
                                                        <select class="select2_single form-control" tabindex="-1">
                                                            <option></option>
                                                            <option value="AK">Alaska</option>
                                                            <option value="HI">Hawaii</option>
                                                            <option value="CA">California</option>
                                                            <option value="NV">Nevada</option>
                                                        </select>
                                                    </div>
                                                </div>

                                                <div>
                                                    <label for="email">KEY WORD:</label>
                                                    <input type="email" id="email" class="form-control" name="email" data-parsley-trigger="change" required="">
                                                </div>
                                            </form>
                                            <!-- end form for search tool -->

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="x_panel tile overflow_hidden">
                                        <div class="x_title">
                                            <h2>Customer Information</h2>
                                            <ul class="nav navbar-right panel_toolbox">
                                                <li>
                                                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                                </li>
                                            </ul>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="x_content">
                                            <table class="table table-striped jambo_table bulk_action">
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">NAME</th>
                                                        <td>Mark</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">ADDRESS</th>
                                                        <td>Jacob</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">LEGAL ID</th>
                                                        <td>Larry</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">CIF</th>
                                                        <td>Jacob</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">BRANCH</th>
                                                        <td>Jacob</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">ZONE</th>
                                                        <td>Jacob</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">INDUSTRY</th>
                                                        <td>Jacob</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">REPRESENTATIVE</th>
                                                        <td>Jacob</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">START DATE</th>
                                                        <td>Jacob</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">TELEPHONE</th>
                                                        <td>Jacob</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">EMAIL</th>
                                                        <td>Jacob</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">
                                                            VPB CUSTOMER FROM
                                                        </th>
                                                        <td>Jacob</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">
                                                            CREDIT SCORE
                                                        </th>
                                                        <td>Jacob</td>
                                                    </tr>
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@section scripts {
<script>
        $(document).ready(function () {
            $(".select2_single").select2({
                placeholder: "Select a state",
                allowClear: true
            });

            var optionDataTable = {
                bFilter: false,
                bInfo: false,
                bPaginate: false,
                "columnDefs": [
                    { "visible": false, "targets": 0 }
                ],
                "responsive": true,
                "order": [[0, 'asc']],
                "displayLength": 25,
                "drawCallback": function (settings) {
                    var api = this.api();
                    var rows = api.rows({ page: 'current' }).nodes();
                    var last = null;

                    api.column(0, { page: 'current' }).data().each(function (group, i) {
                        if (last !== group) {
                            $(rows).eq(i).before(
                                '<tr class="smes_parent"><td colspan="13">' + group + '</td></tr>'
                            );

                            last = group;
                        }
                    });
                },
                //initComplete: function () {
                //    this.api().columns().every(function () {
                //        var column = this;
                //        var select = $('<select class="smes-filter-select"><option value=""></option></select>')
                //            .appendTo($(column.header()))
                //            .on('change', function () {
                //                var val = $.fn.dataTable.util.escapeRegex(
                //                    $(this).val()
                //                );
                //                if (val == "") {
                //                    $('.child').hide();
                //                }
                //                column
                //                    .search(val ? '^' + val + '$' : '', true, false)
                //                    .draw();
                //            });

                //        column.data().unique().sort().each(function (d, j) {
                //            select.append('<option value="' + d + '">' + d + '</option>')
                //        });
                //    });
                //}
            }
            var tablenc = $('#cd-cf-product-holding').DataTable(optionDataTable);
            var tablenc = $('#cd-cf-product').DataTable(optionDataTable);
            var tablenc = $('#cd-cf-product-programme').DataTable(optionDataTable);
            var tableph = $('#cd-pd-product-holding').DataTable(optionDataTable);

        });
</script>
}